import {
  Button,
  Card,
  CardBody,
  CardHeader,
  CardTitle,
  Col,
  Row
} from 'reactstrap'
import InsuranceForm from '../../components/Billing/insurance/InsuranceForm'
import FloatingBtn from '../../components/addAppointment/FloatingBtn'

const colorOptions = [
  { value: 'ocean', label: 'Ocean' },
  { value: 'blue', label: 'Blue' },
  { value: 'purple', label: 'Purple' },
  { value: 'red', label: 'Red' },
  { value: 'orange', label: 'Orange' }
]
const Insurance = () => {
  return (
    <div>
      <Card className="cardBgColor padding-left margin-bottom-0 px-0">
        <CardHeader className="bgyellowish">
          <CardTitle className="card-title black px-2 fw-bold">
            Insurance
          </CardTitle>
          {/* <CardTitle className="AppointmentTitle d-sm-none d-lg-block d-md-block">
            <Button
              size="sm"
              className="AppointmentBtn reqbgColor request-btn "
            >
              Request Appointment
            </Button>
          </CardTitle> */}
        </CardHeader>
        <CardBody className="cardBodybgColor card-body-styling">
          <Row>
            <Col lg="12">
              <InsuranceForm options={colorOptions} />
              <FloatingBtn />
            </Col>
          </Row>
        </CardBody>
      </Card>
    </div>
  )
}

export default Insurance
